.contact-section {
  width: 100vw;
  min-height: 100vh;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem 0;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.contact-content {
  max-width: 1200px;
  width: 100%;
  padding: 0 2rem;
  text-align: center;
}

.contact-cards {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}

.contact-info {
  width: 100%;
  max-width: 320px;
}

.contact-button {
  width: 100%;
  height: 50px !important;
  font-size: 1.1rem !important;
  border-radius: 25px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  transition: all 0.3s ease !important;
}

.contact-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.contact-button.github {
  background: #24292e !important;
}

.contact-button.email {
  background: #ea4335 !important;
}

.contact-button.linkedin {
  background: #0077b5 !important;
}

.contact-button.wechat {
  background: #07c160 !important;
}
